<style>
.jy-group {margin:0.3rem 0.4rem}
.radius .jy-group {border-radius:0.5rem;margin:0.2rem 0.5rem}
.radius .jy-group .fui-cell-group{border-radius:0.5rem;margin-top:0}
.fui-cube {
    padding-bottom: 40%;
}
.border-right{border-right: {{pagedata.setting.cube_px||2}}px solid #f7f7f7;}
.border-top{border-top: {{pagedata.setting.cube_px||2}}px solid #f7f7f7;}
.radius-top-right{border-top-right-radius: 0.5rem;}
.radius-top-left{border-top-left-radius: 0.5rem;}
.radius-bottom-right{border-bottom-right-radius: 0.5rem;}
.radius-bottom-left{border-bottom-left-radius: 0.5rem;}
</style>
<div class="jy-group" ng-if="pagedata.setting.cube.length>0">
<div class="fui-cube" ng-if="pagedata.setting.cube.length>0">
		<div class="fui-cube-left border-right" ng-if="pagedata.setting.cube.length > 1">
			<img class="radius-top-left" ng-src="{{tomedia(pagedata.setting.cube[0].image)}}" ng-click="access_json(pagedata.setting.cube[0].url)"/>
		</div>
		<div class="fui-cube-right" ng-if="pagedata.setting.cube.length > 1">
			<img ng-if="pagedata.setting.cube[1].image" class="radius-top-right" ng-src="{{tomedia(pagedata.setting.cube[1].image)}}" ng-click="access_json(pagedata.setting.cube[1].url)"/>
		</div>
</div>
<div class="fui-cube" ng-if="pagedata.setting.cube.length >= 3">
		<div class="fui-cube-left border-top border-right">
			<img ng-if="pagedata.setting.cube[2].image"  class="radius-bottom-left" ng-src="{{tomedia(pagedata.setting.cube[2].image)}}" ng-click="access_json(pagedata.setting.cube[2].url)"/>
		</div>
		<div class="fui-cube-right border-top">
			<img ng-if="pagedata.setting.cube[3].image"  class="radius-bottom-right" ng-src="{{tomedia(pagedata.setting.cube[3].image)}}" ng-click="access_json(pagedata.setting.cube[3].url)"/>
		</div>
</div>
<div class="fui-cube" ng-if="pagedata.setting.cube.length >= 5">
		<div class="fui-cube-left border-top border-right">
			<img ng-if="pagedata.setting.cube[4].image"  class="radius-bottom-left" ng-src="{{tomedia(pagedata.setting.cube[4].image)}}" ng-click="access_json(pagedata.setting.cube[4].url)"/>
		</div>
		<div class="fui-cube-right border-top">
			<img ng-if="pagedata.setting.cube[5].image"  class="radius-bottom-right" ng-src="{{tomedia(pagedata.setting.cube[5].image)}}" ng-click="access_json(pagedata.setting.cube[5].url)"/>
		</div>
</div>
<div class="fui-cube" ng-if="pagedata.setting.cube.length >= 7">
		<div class="fui-cube-left border-top border-right">
			<img ng-if="pagedata.setting.cube[6].image"  class="radius-bottom-left" ng-src="{{tomedia(pagedata.setting.cube[6].image)}}" ng-click="access_json(pagedata.setting.cube[6].url)"/>
		</div>
		<div class="fui-cube-right border-top">
			<img ng-if="pagedata.setting.cube[7].image" class="radius-bottom-right" ng-src="{{tomedia(pagedata.setting.cube[7].image)}}" ng-click="access_json(pagedata.setting.cube[7].url)"/>
		</div>
</div>
</div>
